import * as React from 'react';
import { Layout, Button, Card, Row, Col, Space, Typography } from 'antd';
import styles from './style.module.scss'
import { Link } from 'react-router-dom';
const { Header, Footer, Content } = Layout;
const { Title, Paragraph, Text } = Typography;

const IndexPage: React.FC<{}> = () => {
    const go = (url: string) => {
        window.history.pushState(window.history.state, "", url);
        window.history.go(0);
    }
    return (
        <Layout className="layout">
            <div className={styles.header} >FPEG</div>
            <div className={styles.content}>
                <div className={styles.floatWapper}>
                    <Card className={styles.textCard}>
                        <Typography className={styles.text}>
                            <Title>说明</Title>
                            <Paragraph>
                                这是个测试。现在，代数学在数学中的地位越来越重要，代数学在各个学科中的应用越来越广泛。
                                但是，过去非数学专业本科生的代数知识往往只限于“线性代数”或''高等代数”。
                                不接触抽象代数，这对于许多专业是一种缺陷.南开大学数学科学学院，从2001级本科生起，
                                “抽象代数”不仅仍规定为数学专业的必修课，也列为“计算数学”，“信息科学”，“统计学”，“应用数学”等专业方向的必修课，
                                周3学时，共上19周.
                            </Paragraph>
                        </Typography>
                    </Card>
                    <div className={styles.btns}>
                        <Link to={`/login`} >
                            <Button className={styles.link_btn}>登陆</Button>
                        </Link>
                        <Button onClick={() => go("/WordBase")} className={styles.link_btn}>单词表</Button>
                        <Link to={`/gitbook`} >
                            <Button className={styles.link_btn}>笔记</Button>
                        </Link>
                    </div>
                </div>
            </div>
            <div className={styles.footer}>
                © 2019-2020 fpeg.net 版权所有<br></br>
                <a href="http://beian.miit.gov.cn/">粤ICP备20038201号-1 </a>
            </div>
        </Layout>
    )
}
export default IndexPage;